<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Glass Website</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <main>
      <section class="glass">
        <div class="dashboard">
          <div class="user">
            <div class="pic">
              <div class="pic pic1"></div>
            </div>
            <h3>爱吃币</h3>
            <p>哈哈哈哈哈</p>
          </div>

          <div class="links">
            <div class="link">
              <h2>首页</h2>
            </div>
            <div class="link">
              <h2>留言</h2>
            </div>
            <div class="link">
              <h2>未知</h2>
            </div>
            <div class="link">
              <h2>其他</h2>
            </div>
          </div>
          <div class="pro">
            <h2>welcome to my Web</h2>
            <img src="" alt="" />
          </div>
        </div>

        <div class="liuyan">
          <div class="status">
            <h1>
              留言板
              <p>(未完成不可用)</p>
            </h1>
            <input />
            <button class="button">发表</button>
          </div>
          <div class="cards">
            <div class="card">
              <div class="card-info">
                <h2>昵称</h2>
                <p>这里会是你的留言</p>
              </div>
            </div>
            <div class="card">
              <div class="card-info">
                <h2>昵称</h2>
                <p>这里会是你的留言</p>
              </div>
            </div>
            <div class="card">
              <div class="card-info">
                <h2>昵称</h2>
                <p>这里会是你的留言</p>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <div class="circle1"></div>
    <div class="circle2"></div>
  </body>
</html>
